<!doctype html>
<html lang="zh-CN">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="../js/set-meta.js"></script>
<link rel="stylesheet" type="text/css" href="../css/loaders.css"/>
<link rel="stylesheet" type="text/css" href="../css/loading.css"/>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<link rel="stylesheet" type="text/css" href="../css/index.css"/>	
<script src="https://webapi.amap.com/js/marker.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=2cac86522faa9f85cd8c9154c254625a&plugin=AMap.Walking"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>首页</title>
</head>
<body>
	<header class="mui-bar-nav mui-bar-nav-1">
		<a href="javascript:;" class="iconfont icon-dianhua mui-pull-left" id="contactUs"></a>
		<p class="mui-title mui-pull-left">老人位置</p>
		<a href="javascript:;" class="iconfont icon-zhanghao" id="toPersonCenter"></a>
	</header>
	<div id="loadingPart">
		<div class="la-line-spin-clockwise-fade la-2x loading">
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
							<div></div>
					</div>
	</div>	
	<div class="mui-content" >
		<p id="noPerson">暂未绑定老人，<a>前往绑定</a></p>
    	<ul id="navBar">
    		<li id="nearestThree">
    			<span class="iconfont icon-rili"></span>
    			<span class="">3天内</span>
    		</li>
    		<li id="todayPosition">
    			<span class="iconfont icon-rili"></span>
    			<span class="">今天</span>
    		</li>
    		<li id="yesterdayPosition">
    			<span class="iconfont icon-rili"></span>
    			<span class="">昨天</span>
    		</li>
    		<li id="qiantianPosition">
    			<span class="iconfont icon-rili"></span>
    			<span class="">前天</span>
    		</li>
    	</ul>
    </div>
    <div id="historyLine">
    	<a href="javascript:;" class="iconfont icon-xianluguihua"></a>
    </div>
    <div id="contactBtn">
    	<span class="iconfont icon-dianhua"></span>
    	<span>联系老人</span>
    </div>
    <a class="iconfont icon-shipin" id="toVideo"></a>
    <div id="container"></div>
	<div id="panel"></div>
	
	<div id="tipBox">
		<span>无定位数据</span>
	</div>
	
	<div id="equipmentList">
		<div id="equipmentContent">
			<p class="list-title">请选择定位器</p>
			<p class="list-tips">当前老人有多个定位器，请选择一个</p>
			<ul id="equipmentUl">
				
			</ul>
		</div>
	</div>
	
	<div id="contactBox">
		<div class="box-content">
			<a href="javascript:;" class="mui-icon mui-icon-closeempty" id="shutDown"></a>
			<ul class="contactPart">
				<li class="contactRow tel">
					<span class="title">电话 ：</span>
					<span class="value"></span>
				</li>
				<li class="contactRow qq">
					<span class="title">QQ ：</span>
					<span class="value"></span>
				</li>
				<li class="contactRow address">
					<span class="title">地址 ：</span>
					<span class="value"></span>
				</li>
			</ul>
		</div>
	</div>
	<script src="../js/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>
</body>

</html>